<template>
  <div>
    <vant-navbar title="朋友权限"></vant-navbar>
    <div style="margin-top: 46px">
      <van-cell-group title="设置朋友权限">
        <van-cell title="聊天、朋友圈、微信运动等"></van-cell>
        <van-cell title="仅聊天"></van-cell>
      </van-cell-group>
      <van-cell-group title="朋友圈和状态">
        <van-cell title="不让他看我">
          <template #right-icon>
            <van-switch v-model="checked1" size="24" />
          </template>
        </van-cell>
        <van-cell title="不看他">
          <template #right-icon>
            <van-switch v-model="checked2" size="24" />
          </template>
        </van-cell>
      </van-cell-group>
    </div>
  </div>
</template>

<script>
import VantNavbar from "@/components/VantNavbar.vue";
export default {
  components: { VantNavbar },
  data() {
    return {
      checked1: false,
      checked2: false,
    }
  }
};
</script>

<style>
</style>